<!--
Nextcloud - Tasks

@author Raimund Schlüßler
@copyright 2018 Raimund Schlüßler <raimund.schluessler@mailbox.org>

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
License as published by the Free Software Foundation; either
version 3 of the License, or any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU AFFERO GENERAL PUBLIC LICENSE for more details.

You should have received a copy of the GNU Affero General Public
License along with this library.  If not, see <http://www.gnu.org/licenses/>.

-->

<template>
	<div v-show="!loadedCompleted" class="loadmore reactive">
		<span @click="loadCompletedTasks">
			{{ $t('tasks', 'Load all completed tasks.') }}
		</span>
	</div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
	props: {
		calendar: {
			type: Object,
			required: true,
		},
	},
	computed: {
		loadedCompleted() {
			return this.calendar.loadedCompleted
		},
	},
	methods: {
		...mapActions([
			'getTasksFromCalendar',
		]),
		loadCompletedTasks() {
			this.getTasksFromCalendar({ calendar: this.calendar, completed: true, related: null })
				.then((response) => {
					this.calendar.loadedCompleted = true
				})
		},
	},
}
</script>
